<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="css/swiper-3.4.2.min.css" rel="stylesheet" type="text/css">
    <link href="css/index.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--头部header区-->
    <div id="header">
        <div id="headercenter">
            <div class="header_left">
                <ul>
                    <li><span>唐山</span><a href="#">[切换城市]</a></li>
                    <li><a href="#">同城帮首页</a></li>
                </ul>
            </div>
            <div class="header_right">
                <ul>
                    <li><a href="#" id="loginUse">登录</a></li>
                    <li><a href="#" id="createUse">注册</a></li>
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#">在线客服（9:00-21:00）</a></li>
                    <li id="headerlis">
                            <div class="help1">
                                <span><a href="#">维修服务<span id="samsj" class="smallsj"></span></a></span>
                                <span><a href="#">售后服务</a></span>
                                <span><a href="#">服务</a></span>
                            </div>
                    </li>
                    <li><a href="#">论坛</a></li>
                    <p><a href="#">投诉建议</a></p>

                </ul>
            </div>
        </div>
    </div>
    <!--登录模板样式-->
    <div id="loginDg">
        <div id="loginDiv">
            <span id="wel">欢迎登陆360同城帮</span>
            <span id="delBg"><a href="#"><img src="images/del_06.png"></a></span>
            <div id="inputDiv">
                <span id="user">账号</span>
                <input type="text" placeholder="手机号/用户名/邮箱" id="username"><br>
                <span id="pwd">密码</span>
                <input type="password" placeholder="请输入您的密码" id="passward"><br>
                <input type="checkbox" id="checkInp"><span id="pl">下次自动登陆</span>
                <a href="#" id="loginbtn">登陆</a>
                <span id="textlogin">其他账号登陆</span>
                <div id="divSpan">
                    <span><img src="images/add_15.png"></span>
                    <span><img src="images/add_17.png"></span>
                    <span><img src="images/add_19.png"></span>
                    <span><img src="images/add_21.png"></span>
                </div>
                <div id="hr"></div>
                <div id="fot">
                    <span id="forSpan1"><a href="#">注册新账号</a></span>
                    <span>|</span>
                    <span id="forSpan2"><a href="#">忘记密码</a></span>
                </div>
            </div>


        </div>
    </div>
    <!--注册模板样式-->
    <div id="createBg">
        <div id="createUserDiv">
            <span id="createwel">欢迎注册360同城帮</span>
            <span id="createdelBg"><a href="#"><img src="images/del_06.png"></a></span>
            <div id="createLeft">

            </div>
            <div id="createRight"></div>
        </div>
    </div>
    <div id="nav">
        <div id="navCenter">
            <div class="logo">
                <img src="images/35.png">
            </div>
            <ul>
                <li><a href="#">优品</a></li>
                <li><a href="#">手机回收</a></li>
                <li><a href="#">手机维修</a></li>
                <li><a href="#">电脑维修</a></li>
                <li><a href="#">以旧换新</a></li>
                <li><a href="#">手机租用</a></li>
            </ul>
        </div>

    </div>


    <!--轮播图播放-->
    <div id="banner">

        <!--<div id="banner_big">-->
            <!--<img src="images/5.png">-->
            <!--<img src="images/6.png">-->
            <!--<img src="images/27.jpg">-->
            <!--<img src="images/34.jpg">-->
        <!--</div>-->
        <div class="swiper-container ">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="images/5.png"></div>
                <div class="swiper-slide"><img src="images/6.png"></div>
                <div class="swiper-slide"><img src="images/34.jpg"></div>
                <div class="swiper-slide"><img src="images/27.jpg"></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div id="banner_text">
            <ul id="banneruls">
            <li><a href="#">
                <img src="images/2_03.png">
                <span>修手机/修Pad<strong>></strong></span>
            </a></li>
            <li><a href="#">
                <img src="images/2_06.png">
                <span>修电脑<strong>></strong></span>
            </a></li>
            <li><a href="#">
                <img src="images/2_08.png">
                <span>买手机/电脑<strong>></strong></span>
            </a></li>
            <li><a href="#">
                <img src="images/2_10.png">
                <span>买二手机<strong>></strong></span>
            </a></li>
        </ul>
        </div>
    </div>
    <div id="main">
        <div id="sort">
            <ul class="sortUls">
                <li><a href="#">
                    <img src="images/t01aad5c130b8653368.jpg">
                </a></li>
                <li><a href="#">
                    <img src="images/10.jpg">
                </a></li>
                <li><a href="#">
                    <img src="images/15.png">
                </a></li>
                <li style="border: 0"><a href="#">
                    <img src="images/14.jpg">
                </a></li>
            </ul>
        </div>
        <div id="recycle">
            <div id="recycleIphone">
                <span>热门手机回收</span>
                <span class="more"><a href="#">
                    查看更多
                </a></span>
            </div>
            <div id="recycleMain">
                <div class="firstImg">
                    <img src="images/4_03.png">
                </div>
                <div id="iphoneImg">
                    <div>
                        <img  src="">
                    </div>
                    <div>
                        <img src="">
                    </div>
                    <div>
                        <img src="">
                    </div>
                    <div>
                        <img src="">
                    </div>
                    <div>
                        <img src="">
                    </div>
                </div>
            </div>
        </div>
        <div id="recycle2">
            <div id="recycleIphone2">
                <span>优品精选</span>
                <span class="more"><a href="#">
                    查看更多
                </a></span>
            </div>
            <div id="recycleMain2">
                <div class="firstImg2">
                    <img src="images/4_06.png">
                </div>
                <div id="iphoneImg2">
                    <img src="images/4_10.png">
                    <img src="images/4_111.png">
                    <img src="images/4_111.png">
                    <img src="images/4_111.png">
                    <img src="/images/4_111.png">
                </div>
            </div>
        </div>
        <div id="service">
            到店维修
        </div>
    </div>
    <div id="shopmain">
        <div id="shopmain_left">
            <div class="serchAdd">
                <div class="checkcity">
                    辽阳
                </div>
                <div class="checkAdd">选择区县</div>
                <div class="textAdd">
                    <input type="text" class="textInput" placeholder="请输入您的位置查找附近商家">
                    <input type="button" class="textBtn" value="搜索">
                </div>
             </div>
            <div class="serchRanking">
                <ul class="ranking">
                    <li>默认排序</li>
                    <li>按成交量</li>
                    <li>按人气</li>
                    <span>
                        <input type="checkbox" >先行赔付
                    </span>
                </ul>
            </div>
            <div id="shopinfo">
                <div class="serchMain">
                    <div class="serchLeft">
                        <div class="serchImg">
                            <img src="images/12.gif">
                        </div>
                        <ul class="shopInfo">
                            <li class="shopli1"><a href="#">东丰县小四平镇森通电脑</a><span>店铺等级<img src="images/37.png"></span></li>
                            <li class="shopli2">主营<span>品牌电脑 组装电脑 电脑维修 安防监控 键鼠耳麦</span></li>
                            <li class="shopli3">地址<span>辽源东丰县小四平镇供销社对面</span></li>
                        </ul>
                        <div class="moods">
                            <span>人气</span>
                            <span>12302</span>
                            <span>次浏览</span>
                        </div>
                    </div>
                    <div class="shopIn">进入店铺</div>
                </div>
            </div>


        </div>
        <div id="shopmain_right">
            <div class="shopTop">
                商家好评榜
            </div>
        </div>
    </div>
    <div id="footer">
        <div id="footercenter">
            <div class="footTop">
                <div class="footlist">
                    <img src="images/38.png">
                    <ul class="footuls">
                        <li class="footlis1">购物指南</li>
                        <li class="footlis2"><a href="#">购物流程</a></li>
                        <li class="footlis2"><a href="#">用户注册</a></li>
                        <li class="footlis2"><a href="#">帮助文档</a></li>
                    </ul>
                </div>
                <div class="footlist">
                    <img src="images/29.png">
                    <ul class="footuls">
                        <li class="footlis1">支付方式</li>
                        <li class="footlis2"><a href="#">在线支付</a></li>
                        <li class="footlis2"><a href="#">当面付款</a></li>
                    </ul>
                </div>
                <div class="footlist">
                    <img src="images/38.png">
                    <ul class="footuls">
                        <li class="footlis1">销售服务</li>
                        <li class="footlis2"><a href="#"></a>投诉建议</li>
                    </ul>
                </div>
                <div class="footlist">
                <img src="images/38.png">
                <ul class="footuls">
                    <li class="footlis1">特色保障</li>
                    <li class="footlis2">360担保支付</li>

                </ul>
            </div>
                <div class="footlist">
                    <img src="images/38.png">
                    <ul class="footuls">
                        <li class="footlis1">特色保障</li>
                        <li class="footlis2"><a href="#">360担保支付</a></li>
                        <li class="footlis2"><a href="#">加盟同城帮</a></li>
                        <li class="footlis2"><a href="#">新闻采访/跨界</a></li>
                    </ul>
                </div>

            </div>
            <div class="footBottom">
                <div>
                    <span>客服电话：4000-399-360&nbsp;/&nbsp;010-53767360&nbsp;</span>
                    <span>&nbsp;&nbsp;投诉建议&nbsp;</span>
                    <span>&nbsp;&nbsp;网站地图&nbsp;</span>
                </div>
                <div>Copyright&nbsp;©&nbsp;2005-2017&nbsp;360.CN;&nbsp;All RightsReserved&nbsp;360安全中心</div>
                <div>京ICP备08010314号-19&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;京公网安备110000000006号</div>
            </div>
        </div>
    </div>
</body>

<script src="js/lib/jquery-3.2.1.min.js"></script>
<script src="js/lib/baiduTemplate.js"></script>
<script src="js/lib/swiper-3.4.2.jquery.min.js"></script>
<script src="js/app/createHtml.js"></script>
<script src="js/app/bdTempate.js" type="text/html" id="hot"></script>
<script src="js/app/user.js"></script>
<script src="js/app/maintain.js"></script>
<script src="js/app/banner.js"></script>
</html>